
@extends('common.header')

<!-- 1.添加meta csrf_token -->
<meta name="csrf-token" content="{{ csrf_token() }}">  
<script src=" {{ asset('/js/jquery-1.8.3.min.js') }} "></script>
<script type="text/javascript">
	
	<!-- 2.设置全局ajax选项 -->
	$.ajaxSetup({
		headers: {
			'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
		}
	});
	// 获取 token
	var _token = $('meta[name="csrf-token"]').attr('content');
	
	
	// 获取父类相对应的子类列表 
	// 参数：id值 id = 'category_1'
	var i=2;
	function getSonCategory( id ){
		// 将当前下拉框 以下的其他下拉框 全部清除
		$("#"+id).nextAll().remove();
		// 获取当前选择的分类id		
		var category_id	=	$("#"+id).val();	
		// 0代表根类 没有选择子类 
		if( category_id==0 ){					
			return false;
		}
		// 按'_'分割 获取字母部分 category
		var arr=id.split('_'); 	
		// 给 下一级 下拉框 新的id名( category_2 )
		var new_id= arr[0]+'_'+i;	
		// 获取相对应的子类列表 
		$.ajax({
			type:"post",
			url:"{{ url('/category/getSonCategory') }}",
			data:{category_id:category_id,new_id:new_id,_token:_token},
			async:false,    						
			dataType:"html",
			success:function(back){
				if( back!='' ){
					// 同辈后追加
					$('#'+id).after(back);
					i++;
				}
			}
		});
	}
	
	
	
	$(function(){ 
		
		// 一进入页面就找一级分类下的子分类
		getSonCategory('category_1');
		
	});
		
		
</script>
<body>

<br/>
<br/>
<br/>
<br/>
<br/>


<div class="col-xs-12 col-sm-6 col-md-1">
</div>	
<!-- 页面标记  -->
<div class="col-xs-12 col-sm-6 col-md-1" style="text-align:center;color:#32CD32;font-size:25px;">
	{{ $title or '' }}
</div>	
	
<div class="col-xs-12 col-sm-6 col-md-10">
	<!-- 添加 资讯 表单  -->
	<!-- 选择分类 -->
	<div  class="form-group">
		<label class="col-sm-2 control-label">资讯栏目</label>
		<div class="col-sm-10">
			<!-- 编辑资讯 -->
			@if( isset($news_info->id) )
				
				<!-- 遍历所有层级 依次选中 例:1,2,3,4 
				$category_info
				1 => array:2 [▼
					"category_name" => "汽车"
					"id" => 1
				  ] -->
				@forelse( $category_path as $key => $category_info )
					<!-- 第一个分类下拉框 -->
					@if( $key==1 )
						<select style="width:auto;float:left;" class="form-control" id="category_{{ $key }}" onchange="getSonCategory('category_{{ $key }}');" disabled >
							@if( $category_info['id']==$category->id )
								<!--第一级分类先选中 -->
								<option value="{{ $category->id }}" selected >
									{{ $category->name }}
								</option>
							@else
							@endif
						</select>
					@else
					<!-- 第二个及以后分类下拉框 -->
					<script type='text/javascript'>
						$(function(){
							var id = {{ $key }};
							var cid = {{ $category_info['id'] }};
							// ajax必须同步才可以选中 异步会选不中
							$( "#category_"+id ).val(cid);
							getSonCategory("category_"+id);
						}); 
					</script>
					@endif
				@empty
				@endforelse
			
			@else
				<!-- 创建 资讯 -->
				<select style="width:auto;float:left;" class="form-control" id="category_1" onchange="getSonCategory('category_1');" disabled  >
					<option value="{{ $category->id }}" >{{ $category->name }}</option>
				</select>
			@endif
		</div>
	</div>
	
	
	<br/><br/>
	<!-- 标题 -->
	<div  class="form-group">
		<label class="col-sm-2 control-label">标题</label>
		<div class="col-sm-10">
			<input style="width:430px;" type="text" name="title" value="{{ $news_info->title or '' }}" class="form-control"  placeholder="标题">
		</div>
	</div>
	
	
	<br/><br/>
	<!-- 副标题 -->
	<div  class="form-group">
	  <label class="col-sm-2 control-label">副标题</label>
	  <div class="col-sm-10">
		<input style="width:430px;" type="text" name="Sectitle" value="{{ $news_info->Sectitle or '' }}" class="form-control"  placeholder="副标题">
	  </div>
	</div>
	
	
	
	<br/><br/>
	<!-- 关键词 -->
	<div  class="form-group">
	  <label class="col-sm-2 control-label">关键词</label>
	  <div class="col-sm-10">
		<input style="width:430px;" type="text" name="keywords" value="{{ $news_info->keywords or '' }}" class="form-control"  placeholder="关键词">
	  </div>
	</div>
	
	
	
	<br/><br/>
	<!-- 标签 -->
	<div  class="form-group">
	  <label class="col-sm-2 control-label">标签</label>
	  <div class="col-sm-10">
		<input style="width:430px;" type="text" name="tags" value="{{ $tag_str or '' }}" class="form-control"  placeholder="标签	请按逗号','分割">
	  </div>
	</div>
	

	<br/><br/>
	<!-- 信息来源 -->
	<div  class="form-group">
	  <label class="col-sm-2 control-label">信息来源</label>
	  <div class="col-sm-10">
		<input style="width:430px;" type="text" name="from" value="{{ $news_info->from or '' }}" class="form-control"  placeholder="信息来源">
	  </div>
	</div>
	
	
	
	<br/><br/>
	<!-- 资讯内容 -->
	<div  class="form-group">
		<label class="col-sm-2 control-label">资讯内容</label>
		<div class="col-sm-10">
			<!-- 加载编辑器的容器 -->
			<script id="container" name="content"  style='height:260px;width:850px;' type="text/plain">{!! $news_info->content or '' !!}</script>
			<!-- 配置文件 -->
			<script type="text/javascript" src="{{ asset('/js/uedit/ueditor.config.js') }}"></script>
			<!-- 编辑器源码文件 -->
			<script type="text/javascript" src="{{ asset('/js/uedit/ueditor.all.js') }}"></script>
			<!-- 实例化编辑器 -->
			<script type="text/javascript">
				var ue = UE.getEditor('container',{ 
					toolbars: [
						[
							'indent', //首行缩进
							'undo', //撤销
							'bold', //加粗
							'horizontal', //分隔线
							'time', //时间
							'date', //日期
							'fontfamily', //字体
							'fontsize', //字号
							'simpleupload', //单图上传
							// 'insertimage', //多图上传
							'justifyleft', //居左对齐
							'justifyright', //居右对齐
							'justifycenter', //居中对齐
							'justifyjustify', //两端对齐
							'insertorderedlist', //有序列表
							'insertunorderedlist', //无序列表
							'fullscreen', //全屏
						]
					]
					
				});
			</script>
		</div>
		
	</div>
	<br/><br/><br/>
</div>
	
	
<!-- 1.模态框 不要动 -->
@if( isset($news_info) )
<div class="col-xs-12 col-sm-6 col-md-12" style="text-align:center;">
	<button  style="width:300px;margin-top:2%;" data-toggle="modal" data-target=".bs-example-modal-sm" class="btn btn-danger">编辑</button>
</div>	
@else 
<div class="col-xs-12 col-sm-6 col-md-12" style="text-align:center;">
	<button  style="width:300px;margin-top:2%;" data-toggle="modal" data-target=".bs-example-modal-sm" class="btn btn-danger">新增</button>
</div>	
@endif

<div class="col-xs-12 col-sm-6 col-md-12" style="text-align:center;margin-bottom:100px;margin-top:1%;">
	<a href ="javascript:history.back();" style="width:300px;" class="btn btn-success">
		返回
	</a>
</div>
	
	
	
<div class="modal fade bs-example-modal-sm" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel">
	<div class="modal-dialog modal-sm" role="document" id='show_info'  style="margin-top:80px;margin-left:50%;color:white;font-size:20px;">
	</div>
</div>	
	
	
	


<div id="news" newsid="{{ $news_info->id or '' }}" ></div>
<script type="text/javascript">
		
	// 获取 token
	var _token = $('meta[name="csrf-token"]').attr('content');
	$(function(){
		
		// 资讯编辑时 获取 news_id
		var news_id = $("#news").attr('newsid');
		
		// 执行 创建 编辑 资讯
		$("button").click(function(){
			
			// 定义 接收分类数组
			var category = [];	
			// 定义下标 
			var num=1;	
			// 获取每个下拉框的选中值			
			$("select option:selected").each(function(){
				var category_id= $(this).val();
				// 栏目分类
				category[num] = parseInt(category_id);
				num++;
				
			});	
			num=1;
			
			// 标题
			var title	=	$("input[name='title']").val();
			
			// 副标题
			var Sectitle	=	$("input[name='Sectitle']").val();
			
			// 关键词
			var keywords	=	$("input[name='keywords']").val();
			
			// 标签
			var tags	=	$("input[name='tags']").val();
			
			// 信息来源
			var from	=	$("input[name='from']").val();
			
			
			// 资讯
			var content = ue.getContent();
			
			if( news_id )
			{
				// 编辑
				var url = "{{ url('/news/doCreate') }}"+'/'+news_id;
			}else
			{
				// 创建
				var url = "{{ url('/news/doCreate') }}";
			}
			
			$.ajax({ 
				type : 'post', 
				url : url, 
				data :{category:category,title:title,Sectitle:Sectitle,keywords:keywords,tags:tags,from:from,content:content,_token:_token}, 
				async:true,    					
				dataType:"json",
				success : function(back) { 
					// 2.模态框 不要动
					$('#show_info').html( '' );
					$('#show_info').html( back['show_info'] );
					if( back['show_info']=='添加资讯成功' ||  back['show_info']=='资讯编辑成功' ||  back['show_info']=='上传图片编辑成功' )
					{
						setTimeout(function(){
							location.href="{{ url('/news/index') }}";
						}, 1000); 
					}
					
				}
			});
			
		});
	});

</script>
</body>
@extends('common.footer')